﻿@using System.Web.Optimization
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Chart Reports</title>
    <meta charset="utf8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    @Styles.Render("~/bundles/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/js")
    <script src="/signalr/hubs" type="text/javascript"></script>
    <script src="~/js/espresso.js"></script>
    <!-- Favicon -->
    <link rel="shortcut icon" href="/img/favicon.ico" />
    <script src="~/js/highcharts.js"></script>
    <script src="~/js/reports.js"></script>
    <style>
        body {
            background-color: #fff !important;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="fieldset row1" style="margin-top: 50px;">
                <div class="legend"><span>Sales Bench Marks Report</span></div>
                <div class="container-fluid" style="margin-top: 20px;">
                    <div class="row-fluid">
                        <div class="span12">
                            <form method="POST" id="fr-salesreport">
                                <div class="span1 text-right" style="padding-top: 5px;">Start</div>
                                <div class="span3">
                                    <div class="input-append datetimepicker">
                                        <input type="text" name="start" value="@(DateTime.Now.AddDays(-1).ToString("dd/MM/yyyy"))" data-format="dd/MM/yyyy" class="input-block-level" />
                                        <span class="add-on">
                                            <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="span1 text-right" style="padding-top: 5px;">End</div>
                                <div class="span3">
                                    <div class="input-append datetimepicker">
                                        <input type="text" name="end" value="@(DateTime.Now.ToString("dd/MM/yyyy"))" data-format="dd/MM/yyyy" class="input-block-level" />
                                        <span class="add-on">
                                            <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="span1 text-right">
                                    <input type="submit" value="Report" class="btn btn-primary" />
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12" id="salebenchmark">
                    
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="fieldset row2">
                <div class="legend"><span>Order Per Days Report</span></div>
                <div class="container-fluid">
                    <div class="row-fluid">
                        <form method="POST" id="fr-orderperdays">
                            <div class="row-fluid">
                                @Html.Partial("Partial/_DateRange")
                            </div>
                            <div class="row-fluid text-right">
                                <input type="submit" class="btn btn-primary" value="Search"/> 
                            </div>
                        </form>
                    </div>
                    <div class="row-fluid">
                        <div class="span12" id="orderperdays">
                            
                        </div>
                    </div>
                    <div class="row-fluid" id="border" style="padding-top: 30px; border-top: 1px solid #c0c0c0; margin-top: 30px;display: none;"></div>
                    <div class="row-fluid" >
                        <div class="span12" id="orderrefundperdays">
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
